<script setup lang="ts">
import HeaderList from "./components/HeaderList.vue"
import CenterList from "./components/CenterList.vue"
import NewList from "./components/NewList.vue"
import { ref } from 'vue'
import { onLoad, onShow } from "@dcloudio/uni-app";
const onReachBottom = async () => {

}
</script>
<template>
  <view>观影学习</view>
  <!-- <view class="viewport">
    <HeaderList />
    <scroll-view scroll-y class="scroll-view" refresher-enabled @onReachBottom="onReachBottom">
      <CenterList />
      <NewList />
    </scroll-view>
  </view> -->

</template>

<style lang="scss">
page {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.viewport {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.scroll-view {
  flex: 1;
  overflow: hidden;
}
</style>
